home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web13 / tutorial 05 / Tutorial 5-review / programs.css < prev    next >
Cascading Style Sheet File  |  2011-03-02  |  2KB  |  69 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 5
  4.    Review Assignment
  5.  
  6.    Programming Table Style Sheet
  7.    Author: Leah Grullon
  8.    Date:   Feb.24, 2011
  9.  
  10.    Filename:         programs.css
  11.    Supporting Files: left.jpg, right.jpg, top.jpg, topleft.jpg, topright.jpg 
  12.  
  13. */
  14.  
  15. table.morning         {font-family: Trebuchet MS,Arial,Verdana, Helvetica, sans-serif;
  16.                        font-size: 0.7em; border-collapse: collapse;
  17.                        width: 100%}
  18.  
  19.  
  20. table.morning th, td  {border-bottom: 1px solid gray;    
  21.                        border-left: 1px solid gray}   
  22.                               
  23.                                          
  24. thead                 {color: white; background-color: rgb(105, 177, 60)}
  25.                       
  26.  
  27. col.timeColumn        {background: url(left.jpg) repeat-y border-left;
  28.                        background-color: rgb(215, 205, 151); width: 7%}
  29.                        
  30.  
  31. col.daysColumn        {width: 13%} 
  32.                       
  33. col.lastColumn        {background: white; width: 13%;
  34.                        background: url(right.jpg) repeat-y right}
  35.                        
  36.             
  37. #topRight             {background-color: rgb(105, 177, 60);  
  38.                        background-image: url(topright.jpg)}
  39.              
  40. #topLeft              {background-color: rgb(105, 177, 60);
  41.                        background-image: url(topleft.jpg)}
  42.   
  43. thead tr              {height: 25px}
  44. tbody tr              {height: 25px}
  45.  
  46. tbody td              {vertical-align: top}
  47.  
  48. caption               {caption-side: border-bottom right; text-align: right; font-size: 0.8em}
  49.  
  50.  
  51. table.roundedBox      {margin: 5px; border-collapse: collapse}
  52. table.roundedBox td   {padding: 0px}
  53.  
  54.  
  55. table.roundedBox td.topLeft       {width: 14px; height: 14px}
  56. table.roundedBox td.topRight      {width: 14px; height: 14px}
  57. table.roundedBox td.bottomLeft    {width: 14px; height: 14px}
  58. table.roundedBox td.bottomRight   {width: 14px; height: 14px}
  59.  
  60.    
  61.  
  62.  
  63.  
  64.   
  65.  
  66.  
  67.  
  68.  
  69.